import Vue from 'vue'
import Router from 'vue-router'
import Login from './components/Login.vue'
import Home from './components/home.vue'
import Welcome from './components/welcome.vue'
import Users from './components/users/users.vue'
import Rghts from './components/power/rights.vue'
import Roles from './components/power/Roles.vue'
import Cate from './components/goods/cate.vue'
import Params from './components/goods/params.vue'
import Goods from './components/goods/goods.vue'
import Add from './components/goods/add.vue'




Vue.use(Router)

const router = new Router({
        routes: [{
                path: '/',
                redirect: '/login'
            },
            {
                path: '/login',
                component: Login
            },
            {
                path: '/home',
                component: Home,
                redirect: '/welcome',
                children: [{ path: '/welcome', component: Welcome },
                    { path: '/users', component: Users },
                    { path: '/rights', component: Rghts },
                    { path: '/roles', component: Roles },
                    { path: '/categories', component: Cate },
                    { path: '/params', component: Params },
                    { path: '/goods', component: Goods },
                    { path: '/goods/add', component: Add },
                ]
            }
        ]
    })
    //路由导航守卫
router.beforeEach((to, from, next) => {
    //to代表访问的路径
    //from代表崇那个路劲跳转
    // next是一个函数 放行
    if (to.path === '/login') return next()
        //获取token
    const tokenStr = window.sessionStorage.getItem('token')
    if (!tokenStr) return next('/login')
    next()
})


export default router